<template>
  <div class="plan-page f-c">
    <div style="width: 245px">
      <SwitchTabs v-model="activeName"
          :data="[
          { name: '种植方案', value: 'Page2'},
          { name: '工序维护', value: 'Page1'}
          ]" />
    </div>
    <component :is="activeName"></component>
  </div>
</template>
<script>
import Page1 from './page1'
import Page2 from './page2'
export default {
  name: 'UserPage',
  components: {
    Page1,
    Page2
  },
  data() {
    return {
      activeName: 'Page1'
    }
  },

}
</script>

<style lang="scss">
.plan-page {
  background-color: #fff;
  height: 100%;
}
</style>
